<script setup>
import { ref ,onMounted} from 'vue'

const props = defineProps(['title'])
// 2. 通过 defineEmits 宏来声明需要抛出的事件
defineEmits(['enlarge-text'])

const count = ref(0)

onMounted(() => {
    console.log(props.title)
})
</script>

<template>
    <h4>{{ title }}</h4>
    <button @click="count++">You clicked me {{ count }} times.</button>
    <!-- 1. 给 组件添加一个按钮 ,子组件可以通过调用内置的 $emit 方法，通过传入事件名称来抛出一个事件 -->
    <button @click="$emit('enlarge-text')">Enlarge text</button>
</template>